<!DOCTYPE html>
<HTML>
<HEAD><meta name="viewport" content="width=device-width, initial-scale=1">
<Title>Area Charts</Title>
<link type='text/css' rel='Stylesheet' href="maxchartapi.css" />
</HEAD>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">

<p class="heading0">ChartDirector 7.0 (Java Edition)</p>
<p class="heading1">Area Charts</p>
<hr class="separator">
<div class="content">

<div style="width:100%;box-sizing:border-box;">
<table border="1" cellpadding="5" cellspacing="0" width="100%"> 
<tr>
<th width="33%">Title</th><th>Description</th>
</tr>
<tr>
<td><a href='simplearea.htm'>Simple Area Chart</a></td><td>Demonstrates the basic steps in creating area charts.</td></tr><tr><td><a href='enhancedarea.htm'>Enhanced Area Chart</a></td><td>Extends the <a href="simplearea.htm">Simple Area Chart</a> example by decorating the chart using a number of chart formatting features.</td></tr><tr><td><a href='arealine.htm'>Area Line Chart</a></td><td>Demonstrates an area chart with a line layer overlap on top. Also demonstrates using date/time x coordinates for the data points (as opposed to using x-axis labels), and also various methods to control the chart appearance.</td></tr><tr><td><a href='threedarea.htm'>3D Area Chart</a></td><td>Demonstrates a 3D area chart configured using <a href="Layer.set3D.htm">Layer.set3D</a>.</td></tr><tr><td><a href='patternarea.htm'>Pattern Area Chart</a></td><td>Demonstrates using a pattern for filling the area in an area chart, together with a number of chart formatting features.</td></tr><tr><td><a href='stackedarea.htm'>Stacked Area Chart</a></td><td>Demonstrates using multiple data sets to create stacked area chart.</td></tr><tr><td><a href='threedstackarea.htm'>3D Stacked Area Chart</a></td><td>Demonstrates creating a stacked area chart with 3D effects.</td></tr><tr><td><a href='percentarea.htm'>Percentage Area Chart</a></td><td>Demonstrates creating a percentage area chart. Also demonstrates how to include icons in the legend box using <a href="cdml.htm">CDML</a>.</td></tr><tr><td><a href='deptharea.htm'>Depth Area Chart</a></td><td>Demonstrates using multiple area layers with semi-transparent colors to create a depth area chart.</td></tr><tr><td><a href='rotatedarea.htm'>Rotated Area Chart</a></td><td>Demonstrates swapping the x and y axes to produce an rotated area chart in which the area goes from left to right (instead of bottom to top).</td>
</tr>
</table>
</div>
</div>
<hr class="separator"><div class="copyright">&copy; 2022 Advanced Software Engineering Limited. All rights reserved.</div>
</body>
</HTML>
